<template>
  <view class="register-page">
  
    <view>
      <registerAccount v-if="regtp===1" @ontg="ontg"></registerAccount>
      <registerAccount2 v-else  @ontg="ontg"></registerAccount2>
    </view>
  </view>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import registerAccount from "@/components/registerAccount.vue";
import registerAccount2 from "@/components/registerAccount2.vue";
let regtp = ref(1);

const ontg = (v:any)=>{
  console.log('ontg,', v);
  regtp.value = v;
}
</script>
<style lang="scss" scoped>
.register-page {
  // padding: 20px 20px 100px 20px;
  padding: 20px 15px 100px 15px;
  .register {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 4px;
    .item {
      width: 30%.333;
      color: #3e393d;
      border-radius: 4px;
      padding: 5px 10px;
      border-bottom: 2px solid #f9f9f9;
      &.active {
        background-color: #e6f7ff;
        border-bottom: 2px solid #097cff;
      }
    }
  }
}
</style>
